<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/views/modules/woms/front/include/import-tags.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="telephone=no" name="format-detection" />
    <title>服务订单详情</title>
    <link href="${ctxStatic}/css/main.css" rel="stylesheet" type="text/css">
    <link href="${ctxStatic}/css/style.css" rel="stylesheet" type="text/css">
    <link href="${ctxStatic}/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${ctxStatic}/css/animate.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="${ctxStatic}/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="${ctxStatic}/js/wo.js"></script>
</head>

<body>
<div class="warpe">
<c:choose>
    <c:when test="${event.delFlag ne '0'}">
        <br/>
        <center><h2>工单已删除</h2></center>
    </c:when>
    <c:otherwise>
    <div class="con">
        <div class="gdTxt">工单编号：${event.id }</div>
    </div>
    <div class="main">
        <div class="u_head">
            <p>
                <span class="puff_left"><img src="${event.assigner.headImg}"> ${event.assigner.name}</span>
                <span class="puff_right color_g2"><i class="icon-phone color_g"></i> ${event.assigner.mobile }</span>
            </p>
        </div>
        <div class="banner">
            <div class="banner" onclick="openLocation()">
                <img src="${fns:getConfig('projectUrl')}/static/front/cms/img/event_default.png">
            </div>
        </div>
        <div class="xq_txt">
            <div class="x_list">
                <ul>
                    <li class="clear_border">
                        <p><span>故障详情</span></p>
                        <p>故障类型：${fns:getDictLabel(event.faultType, 'fault_type', '')}</p>
                        <p>信息设备：${event.deviceName}</p>
                        <p>传输类型：${event.transType}</p>
                        <p>网络路由：${event.route}</p>
                        <p>取电位置：${event.powerPosition}</p>
                        <p>安装位置：${event.installPosition}</p>
                        <p>ip地址：${event.ip}</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <c:if test="${not empty event.faultPic}">
        <div class="main" style="margin-top: 1rem; padding: 0rem;">
            <div class="upload clear_border">
                <div><b>故障图片</b></div>
                <ul data-am-widget="gallery" class="am-gallery am-gallery-overlay" data-am-gallery="{ pureview: true }">
                    <li class="margin_left upload_bth">
                        <img src="${fns:getConfig('projectUrl')}${event.faultPic}">
                    </li>
                </ul>
            </div>
        </div>
    </c:if>

        <div class="main" style="margin-top: 1rem;">
            <div class="a_input">
                <label class="puff_left">处置明细</label>
            </div>
            <c:forEach items="${event.processList}" var="process">
                <div class="czlist">
                    <ul>
                        <li>
                            <div class="czlist_t"><i class=" icon-double-angle-right"></i>
                                <fmt:formatDate value="${process.createDate}" pattern="yyyy-MM-dd HH:mm:ss" />&nbsp;&nbsp;${fns:getDictLabel(process.status, 'event_status', '')}
                            </div>
                            <div class="czlist_m">
                                <p>处理人：${process.worker.name}</p>
                                <p>${process.content}</p>
                            </div>
                            <c:if test="${not empty process.eventPicList}">
                                <div class="czlist_b">
                                    <ul data-am-widget="gallery" class="am-gallery am-gallery-overlay" data-am-gallery="{ pureview: true }">
                                        <c:forEach items="${process.eventPicList}" var="eventPic">
                                            <li class="margin_left upload_bth">
                                                <a href=""><img src="${fns:getConfig('projectUrl')}${eventPic.pic}" /></a>
                                            </li>
                                        </c:forEach>
                                    </ul>
                                </div>
                            </c:if>
                        </li>
                    </ul>
                </div>
            </c:forEach>
        </div>
</div>
    </c:otherwise>
</c:choose>
<!--相册放大预览必要文件-->
<link rel="stylesheet" href="${ctxStatic}/css/amazeui.min.css" />
<script src="${ctxStatic}/js/amazeui.js"></script>
</body>
</html>
